<!DOCTYPE html>
<html>
<head>
	<title>vue</title>
	<meta charset="UTF-8">
	<script src="./vue.js"></script>
</head>
<body>
	<div id="app">
		<template v-for="(item, index) of list">
			<div >
				{{item.text}} --- {{index > 1 ? 'large' : 'small'}}
			</div>
			<span>
			{{item.text}}
			</span>
		</template>

		<template v-for="(val, key, index) of userInfo">
			<div >
				{{val}} --- {{key}} --- {{index}}
			</div>
		</template>
	</div>

	<script>
		var app = new Vue({
			el: '#app',
			data: {
				message: `<b>hello</b>`,
				list: [
					{id: '1', text:'aaa'},
					{id: '2', text:'bbb'},
					{id: '3', text:'ccc'}
				],
				userInfo: {
					name: 'rookie',
					age: 12,
					salary: 998
				}
			}
		})
	</script>

</body>
</html>